@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* Ohters用CSS
テンプレートインポートDIV：#specialImport
記事インポートDIV：#specialImportBody
*/

/* TOPImages */
#specialImport hgroup > p, #specialImportBody hgroup > p{ margin:10px 0 0; }
/* headerTXTbox */
#specialImport hgroup div, #specialImportBody hgroup div {
	background-color:#f7f6f6; border:1px solid #dfdfdf;
	margin:10px 0; padding:10px 10px 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    	}
#specialImport hgroup span, #specialImportBody hgroup span{ font-size:14px; font-size:1.4rem; color:#666; }
#specialImport hgroup span img, #specialImportBody hgroup span img{ vertical-align:middle; }
/* headerTXT */
#specialImport hgroup div p, #specialImportBody hgroup div p {
	padding-bottom:10px;
	}
/* headerTXTh4 */	
#specialImport hgroup div h4, #specialImportBody hgroup div h4 {
	font-size:14px; font-size:1.4rem; font-weight:normal; margin-bottom:10px;	}
/* InterviewMainTXT h5 */
#specialImport h5, #specialImportBody h5{ 
	color:#bc4877; border-bottom:1px solid #bc4877; border-top:1px solid #bc4877;
	font-size:16px; font-size:1.6rem; text-align:center; padding:5px 0; margin:10px 0 15px; }
/* PhotoRightPosition */
#specialImport .imgPhoto, #specialImportBody .imgPhoto{ 
	float:right; color:#888; max-width:200px; font-size:11px; font-size:1.1rem; margin:0 0 0 20px; padding:0; line-height:2em; }
#specialImport .imgPhoto img, #specialImportBody .imgPhoto img{
	border:1px solid #888; max-width:200px; max-height:300px; margin-bottom:5px; }
#specialImport .imgPhoto a img:hover, #specialImportBody .imgPhoto a img:hover{
	border:1px solid #ff8400;
}
#specialImport #maintext, #specialImportBody #maintext{
	padding:10px 20px; border:1px solid #ccc; background-color:#fff;
}
/* 共通Pスタイル */
#specialImport #maintext p, #specialImportBody #maintext p{
	font-size:15px; font-size:1.5rem; padding-bottom:15px; line-height:1.8; 
}
#specialImport a, #specialImportBody a{ color:#2A3FAA; text-decoration:underline; }
#specialImport a:hover, #specialImportBody a:hover{ color:#FF5F00; text-decoration:none; }

/* 各中見出しスタイル　*/
#maintext h2, #specialImportBody h2{
padding-bottom:1px; font-size:18px; font-size:1.8rem; border-bottom:1px solid #484848; margin: 0 0 10px; }
#maintext h3, #specialImportBody h3{
text-decoration:underline; font-size:16px; font-size:1.6rem; margin: 0 0 10px; color:#484848; }
#maintext h4, #specialImportBody h4{ border-left: 5px solid #BC4877; font-size:16px; font-size:1.6rem; color:#484848; padding-left:5px; margin: 0 0 10px; }
#maintext h6, #specialImportBody h6{ font-size:14px; font-size:1.4rem; font-weight:bold; color:#484848; margin:0 0 10px; }
#maintext h7, #specialImportBody h7{ font-family: 'Raleway', 'Noto Sans JP', sans-serif; font-size:25px; font-size:2.5rem; font-weight:600; color:#141414; margin:0 0 10px; }
#maintext h8, #specialImportBody h8{ font-family: 'Raleway', 'Noto Sans JP', sans-serif; font-size:18px; font-size:1.8rem; font-weight:600; color:#141414; margin:0 0 10px; }


/*仕切り線*/
#maintext .hr{ margin:0 0 25px; padding:0; border-bottom:1px dotted #ccc; } 

/*横並び2*/
.discBoxTwo{ width:49%; float:left; margin-bottom:20px; }
.discBoxTwoGray{ background:url(/common/img/sidemenuback.png) repeat; -webkit-border-radius: 5px; border-radius: 5px;
padding:10px; width:45.5%; float:left; margin-bottom:20px; }

.discBoxTwo:nth-child(2n),.discBoxTwoGray:nth-child(2n){ float:right; }
.discBoxTwo p,.discBoxTwoGray p{ margin:0 0 15px !important; padding:0 !important; }
.discBoxTwo p:last-child,.discBoxTwoGray p:last-child{ margin:0 !important; }

/*横並び3*/
.discBoxThree{ width:32%; float:left; margin-bottom:20px;  }
.discBoxThreeGray{ background:url(/common/img/sidemenuback.png) repeat; -webkit-border-radius: 5px; border-radius: 5px;
padding:10px; width:28.2%; float:left; margin-bottom:20px; }

.discBoxThree p,.discBoxThreeGray p{ margin:0 0 15px !important; padding:0 !important; }
.discBoxThree p:last-child,.discBoxThreeGray p:last-child{ margin:0 !important; }
.discBoxThree:nth-child(2n),.discBoxThreeGray:nth-child(2n){ margin-left:15px; }
.discBoxThree:nth-child(3n),.discBoxThreeGray:nth-child(3n){ float:right; }
.discBoxThreeGray .btn_buy,.discBoxThree .btn_buy{ font-size:12px !important; font-size:1.2rem !important; }


.caption a{ color:#2A3FAA; text-decoration:underline; }
.caption a:hover {color:#FF5F00; text-decoration:none; }
.c_interviewer{ margin-bottom:-15px; }
#nextpageTitle p img{ vertical-align:middle; margin-right:5px; }
#nextpageTitle p{ text-align:center; font-size:14px; font-size:1.4rem; }
#sublinks h6, #photothumb h6{ background:url(/common/img/sidemenuback.png) repeat; margin:0 0 10px; padding:5px; font-size:12px; font-size:1.2rem;
font-weight:normal; color:#808080; }
#sublinks ul{ margin:0 0 15px ; padding:0 0 0 15px; color:#A0A0A4; }
#maintext #pager { margin:10px 0 30px; text-align:center; background:none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; border-radius: 5px; padding:10px 0 0; border-top:1px dotted #ccc; }
#maintext #pager a{ color:#888; text-decoration:none; font-size:10px; font-size:1.0rem; padding:3px 7px; }
#maintext #pager ol{ list-style:none; display:inline; padding: 0 5px; }
#maintext #pager li{ display:inline-block	; *display:inline; *zoom:1; vertical-align:middle; font-size:14px; font-size:1.4rem; color:#484848; margin:0 5px; }
#maintext #pager li.select{ -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; border-radius: 5px; padding:5px 10px; border:none; vertical-align:top; }
#maintext #pager span{ display:block; color:#888; font-size:11px; font-size:1.1rem; }
#maintext #pager #sp_prev,#maintext #pager #sp_next{ padding:3px 7px; font-size:10px; font-size:1.0rem; color:#888; }
.writerName{ text-align:right; color:#888; font-size:11px; font-size:1.1rem; }
#photothumb p{ line-height:1.4; }
#photothumb img{ max-height:80px; max-width:80px; margin-bottom:5px; vertical-align:middle; border:1px solid #ccc; }
#photothumb img:hover{border:1px solid #ff8400;}
#maintext .imgPhotoRF{ float:right; margin: 0 0 0 20px; padding:0; }
#maintext .imgPhotoRF img{ border:1px solid #ccc; }
#maintext .imgPhotoLF{ float:left; margin: 0 20px 0 0; padding:0; }
#maintext .imgPhotoLF img{ border:1px solid #ccc; }
.imgPhoto .btn_buyb,.imgPhotoLF .btn_buyb{ margin-bottom:0 !important; }
.clear{ clear:both; }
#specialImport .cf, #specialImportBody .cf{ margin-bottom:20px !important; }
#specialImport .jk, #specialImportBody .jk{ border:1px solid #ccc; }

#specialImport .btn_buy,#specialImportBody .btn_buy{
display:block; margin:5px 0 10px; padding:8px 10px; text-align:center; color:#fff; text-decoration:none; font-size:14px; font-size:1.4rem;
background: rgb(0,0,0);
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(69,72,77,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(69,72,77,1)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 );
-webkit-border-radius: 5px;
border-radius: 5px; border:1px solid #000;
-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255, 255, 255, 1);
box-shadow: inset 0px 0px 1px 0px rgba(255, 255, 255, 1);
}
#specialImport .btn_buy:hover,#specialImportBody .btn_buy:hover{
background: rgb(33,33,33);
background: -moz-linear-gradient(top,  rgba(33,33,33,1) 0%, rgba(89,89,89,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(33,33,33,1)), color-stop(100%,rgba(89,89,89,1)));
background: -webkit-linear-gradient(top,  rgba(33,33,33,1) 0%,rgba(89,89,89,1) 100%);
background: -o-linear-gradient(top,  rgba(33,33,33,1) 0%,rgba(89,89,89,1) 100%);
background: -ms-linear-gradient(top,  rgba(33,33,33,1) 0%,rgba(89,89,89,1) 100%);
background: linear-gradient(to bottom,  rgba(33,33,33,1) 0%,rgba(89,89,89,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#595959',GradientType=0 );
color:#fff;
}
#specialImport .btn_buy:active,#specialImportBody .btn_buy:active{
background:#000; color:#fff;
}
/* 註釈 */
.caption p{ padding-bottom:1em; }

/*フォントサイズ*/
.fontNormal{ font-weight:normal; text-decoration:none; }
.fontS{ font-size:small; }
.fontSS{ font-size:x-small; }
.fontL{ font-size:large; }
.fontLL{ font-size:x-large; }

/*musicVideo*/
.musicVideo{ text-align:center; margin-bottom:15px; }


@media screen and (max-width: 780px){
#content{ width:auto; }
#main{ width:auto; float:none; }
#side-menu{ display:none; }
#ReleaseData p { float:none; }
.musicVideo iframe{ width:300px; height:250px; }
#specialImport .imgPhoto, #specialImportBody .imgPhoto { max-width: 120px; }
#specialImport .imgPhoto img, #specialImportBody .imgPhoto img { max-width: 120px; }
.exbanner{ display:none;  }
#specialImport hgroup img{ width:100%; height:auto; }
#maintext .imgPhotoRF img{ width:100%; }
#maintext .imgPhotoRF{ width:40%; }
#maintext .imgPhotoLF img{ width:100%; }
#maintext .imgPhotoLF{ width:40%; }
.discBoxTwoGray {padding: 8px;width: 42%;}
#specialImport .btn_buy, #specialImportBody .btn_buy {font-size:small; }
.discBoxTwoGray ,.discBoxTwo,.discBoxThreeGray,.discBoxThree {width: auto; float:none; }
.discBoxThree:nth-child(2n), .discBoxThreeGray:nth-child(2n) {margin-left: 0;}
.discBoxTwoGray .jk,.discBoxThreeGray .jk{ width:auto; margin:0 auto; }
.discBoxTwoGray p,.discBoxThreeGray p{ text-align:center; }
.discBoxTwoGray p:last-child,.discBoxThreeGray p:last-child{ text-align:left; }
.discBoxThree:nth-child(3n), .discBoxThreeGray:nth-child(3n){ float:none; }
}